<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>拉拉货物流有限公司</title>
		<meta name="keywords" content="拉拉货物流有限公司,汕头物流配送,汕头物流,汕头物流货运,汕头货运,全国货运,厦门物流配送,深圳物流配送,广州物流配送,物流配送,物流货运,货运配送" />
	    <meta name="description" content="拉拉货物流有限公司是一家承接全国各地门到门配送业务的专业第三方物流，为企业量身定做仓储、配送物流方案，针对大小客户配备专业项目小组进行专人专车对接。" />
	    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	    <link rel="stylesheet" href="css/amazeui.min.css" type="text/css" />
	    <link rel="stylesheet" href="css/style.css" type="text/css" />
	    <script type="text/javascript" src="js/jquery.min.js" ></script>
	    <script type="text/javascript" src="js/amazeui.min.js" ></script>
	  <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
	  <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
	</head>
	<body>
		<header data-am-widget="header" class="am-header am-header-default header-green1">
	      <div class="am-header-left am-header-nav ">
		        <a href="javascript:history.back()" style="color: #fff;"><i class="am-icon-chevron-left"></i></a>
	        </div>
		  <h1 class="am-header-title" style="color: #fff;">钱包明细</h1>
        </header>
        <div class="jl"></div>
       <!-- <ul class="mdetail">
        	<li class="current">日</li>
        	<li>月</li>
        	<li>周</li>
        </ul> -->
        <table class="result" id="mx">
		 		<thead>
		 			<td>拥有金额</td>
		 			<td>交易类型</td>
		 			<td> 交易金额</td>
		 			<td >交易时间</td>
		 			<td> 完成率</td>
		 		</thead>
		 		<tr v-for="pay in qmx">
		 			<td>{{pay.haveMoney}}</td>
		 			<td>{{pay.transactionType}}</td>
		 			<td>{{pay.transactionMoney}}</td>
		 			<td>{{pay.transactionDate}}</td>
		 			<td>100%</td>
		 		</tr>
		 	</table>
		 	<div class="jl"></div>
		 <div data-am-widget="navbar" class="am-navbar  dream-foot am-no-layout" id="">
		      <ul class="am-navbar-nav1 am-cf am-avg-sm-5">   
		          <li>
		            <a href="index2.html" class="">
		                <span class="iconfont">&#xe60b;</span>
		                <p class="am-navbar-label">首页</p>
		            </a>
		          </li>
		          <li>
		            <a href="nearby.html" class="">
		                <span class="iconfont">&#xe60c;</span>
		                <p class="am-navbar-label">附近</p>
		            </a>
		          </li>
		       <li>
		            <a  class="curr">
		                <span class="add"><i class="iconfont" style="font-size: 30px; line-height: 40px;">&#xe60e;</i></span>
		                <p class="am-navbar-label" style="margin-top: -36px;"></p>
		            </a>
		          </li>
		          <li>
		            <a href="message.html" class="">
		                <span class="iconfont">&#xe60d;</span>
		                <p class="am-navbar-label">新消息</p>
		            </a>
		          </li>
		          <li>
		            <a href="member.html" class="">
		                <span class="iconfont">&#xe609;</span>
		                <p class="am-navbar-label">个人中心</p>
		            </a>
		          </li>
		      </ul>
		</div>
	</body>
	<script type="text/javascript">
		var url=JSON.parse(sessionStorage.getItem("url"))
		var user=JSON.parse(sessionStorage.getItem("user"))
		
		
		var mmx=new Vue({
			el:'#mx',
			data:{
				qmx:[]
				
			},
			methods:{
			qbmi:function(){
				var that=this
				axios.get(url+'/detailed?userId='+user.id).then(
				function(r){
					
						that.qmx=r.data.data
						
					
					
				}
				
				
				)
				
				
			}
				
				
				
			},
			mounted:function(){
				this.qbmi()
				
			}
			
			
			
		})
	</script>
</html>
